<template>
  <div>
     <ul>
      <li v-for="(item,key) in obj" :key="key">{{item}}--{{key}}</li>
      <li v-for="(item,key) in 5" :key="key">{{item}}---{{key}}</li>
     </ul>
      <ul>
        <li v-for="(item,key) in arr" :key="key">{{item}}</li>
      </ul>
      <button @click="move">走一走</button>
      <ul>
        <li v-for="(item,key) in arr" :key="key"></li>
      </ul>
   </div>
</template>
 
<script>
export default {
  components: {},
  props: {},
  data() {
    return {
      obj:{
        name:'张',
        age:23,
      },
      arr:['美女','程序员','帅哥']
    };
  },
  computed: {},
  watch: {},
  created() {},
  methods: {
    move(){
      this.arr.push(this.arr.shift())
    }
  }
};
</script>

<style scoped>
     
</style>
